* {  margin: 0; padding: 0; border: 0; 
-o-user-select:none; -ms-user-select:none; -khtml-user-select:none; 
    -webkit-user-select:none; -moz-user-select: none;/* pointer-events:none; */
    /*box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;*/
}
html{ overflow:hidden; width:100%; height:100%; }
body{ background:none; overflow: hidden; color:#d2cec8; 
    font-family:Consolas, 'ConsolasRegular', 'Courier New', monospace;
    /*font-family: 'Pixel', Helvetica, Arial, sans-serif;*/
    font-size: 12px;  width:100%; height:100%; 
    text-shadow: 0px 0px 1px #000;
    font-smooth: never;
    -webkit-font-smoothing : none;
}
.canvas{ pointer-events:auto; width:100%; height:100%; }

.night { color:#d2cec8; }
.day { color:#25292e; }
 

.info{position:absolute; left:70px; top:10px; width: 300px; height: 300px; pointer-events:none;}
.info p {margin-left:2px; margin-top:2px; font-size: 10px;}
.debug{ position:absolute; left:70px; bottom:5px; width: 300px; height: 12px; pointer-events:none; font-size: 10px;}

.txtopen { 
    left:200px;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}
.txtnorm {
    left:70px;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

/* LOADER */

.loader{ 
	position:absolute; left:50%; top:50%; width: 260px; height: 40px; 
	margin-left:-130px; margin-top:-20px; pointer-events:none; font-size: 14px;
	border-radius:10px; text-align:center; padding-top:20px;
	display:none;
}

.night .loader {background:#25292e; border:1px solid #d2cec8;}
.day .loader {background:#d2cec8; border:1px solid #25292e;}

body .dg.main {
    font-family:Consolas, 'ConsolasRegular', 'Courier New', monospace;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3); 
    font-size: 12px;
    /*opacity: 0.97;*/
    text-align: left;
    float: right;
    margin-right: 0px;
    margin-bottom: 20px;
    background-color: none; 
}

.environment{position:absolute; bottom:10px; right:10px; border:3px solid #74818b; width:64px; height:64px; cursor:pointer;}

/* GUI */

body .dg.main.taller-than-window .close-button {
    border-top: 1px solid #ddd;
}

body .dg.main .close-button {
    background-color: rgba(0,0,0,0.0);
    border-bottom-left-radius: 10px;
}
 
body.night .dg.main .close-button:hover { background-color: rgba(0,0,0,0.3); }
body.day .dg.main .close-button:hover { background-color: rgba(255,255,255,0.3); }

body.night .dg{
    color: #d2cec8;
    /*text-shadow: none !important;*/
}
body.day .dg{
    color: #25292e;
    /*text-shadow: none !important;*/
}


body .dg.main::-webkit-scrollbar {
    background: #f00;
}

body .dg.main::-webkit-scrollbar-thumb {
    background: #bb0;/*;*/
}
 
body .dg li:not(.folder) {
    background:none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3); 
    font-size: 12px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
 
body .dg li.save-row .button {
    text-shadow: none !important;
}

body.night .dg li.title {
    background: rgba(0,0,0,0.3) url() 6px 10px no-repeat;
    font-family: Consolas, 'ConsolasRegular', 'Courier New', monospace;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3); 
    font-size: 14px;
}
body.day .dg li.title {
    background: rgba(255,255,255,0.3) url() 6px 10px no-repeat;
    font-family: Consolas, 'ConsolasRegular', 'Courier New', monospace;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3); 
    font-size: 14px;
}
body .dg .cr.function:hover,.dg .cr.boolean:hover {
    background:  none;/*#fff*/;
}
 
body .dg .c input[type=text] {
    background: none;/*#e9e9e9;*/
}
 
body .dg .c input[type=text]:hover {
    background: none;/*#eee;*/
}
 
body .dg .c input[type=text]:focus {
    background: none;/*#eee;*/
    color: #2fa1d6;
}
body .dg .c input:focus, textarea:focus, select:focus {outline-color: #2fa1d6;  background: none;}
body .dg .c select, textarea, input {
	/*-webkit-appearance: none;*/
    background: none;/*#eee;*/
    color: #2fa1d6;
    padding: 2px;
}
body .dg .c .button {
	/*-webkit-appearance: none;*/
    background: none;/*#eee;*/
    color: #2fa1d6;
    padding: 2px;
}

body.night .dg .c .slider { background: rgba(0,0,0,0.1);}
body.night .dg .c .slider:hover { background: rgba(0,0,0,0.3);}

body.day .dg .c .slider { background: rgba(255,255,255,0.1);}
body.day .dg .c .slider:hover { background: rgba(255,255,255,0.3);}


.bvhDragZone { position:absolute; font-weight: bold; top:10px; right:10px; width:144px; height:30px; background-color:none; padding-top:10px;border-radius:10px; border: 2px dashed #ccc; pointer-events:auto; text-align: center;font-size: 14px;}
.bvhDragZone.hover { border: 2px dashed #ff9500; }

.bvhButton { cursor:pointer; position:absolute; font-weight:bold; top:66px; right:10px; width:70px; height:20px; background-color:none; padding-top:3px;border-radius:10px; border: 2px solid #ccc; pointer-events:auto; text-align:center; font-size: 14px;}
.bvhButton.hover { border: 2px solid #ff9500; color:#ff9500;}

/* LOGUI */

.logui{
    position:absolute; width:180px; height:100%; right:0px; top:0px;
}